import { StyleSheet } from 'react-native'
import { globalColor, pxPage } from '../../common/Common'

export default styles = StyleSheet.create({
    F4: {
        width: '100%',
        height: pxPage(150),
        marginTop: pxPage(20),
        marginBottom: pxPage(20),
        flexDirection: 'row',
        justifyContent: 'space-around',
        alignItems: 'center',

    },
    buttonStyle: {
        width: pxPage(55),
        height: pxPage(50),
        backgroundColor: null
    },
    menu_one: {
        width: '100%',
        marginBottom: pxPage(15),
        flexDirection: 'column',
        justifyContent: 'center',
        paddingBottom: pxPage(20),
        paddingTop: pxPage(20)
    },
    bordershow: {
        backgroundColor: globalColor.defaultBackgroundColor,
        borderRadius: 25,
        elevation: 10,
        shadowColor: globalColor.defaultFontColor_dis,
        shadowOffset: { width: 5, height: 5 },
        shadowRadius: 25,
    },
    buttonStyle2: {
        width: "90%",
        backgroundColor: globalColor.defaultColor,
        borderRadius: 25,
        marginLeft: "5%"
    },
    _icon: {
        width: pxPage(60),
        height: pxPage(60),
        borderRadius: pxPage(30)
    }
})